<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>我的会员卡</title>
<link rel="stylesheet" type="text/css" href="css/lib/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/doumee.css"/>
<link rel="stylesheet" type="text/css" href="css/public.css"/>
<link rel="stylesheet" type="text/css" href="css/personal.css"/>
<script src="js/lib/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/doumee.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

<div class="swiper-container Main" id="Main">
	<div class="swiper-wrapper">
		<div class="swiper-slide content">
			
			<div class="children">
				
				<!--未开通-->
				<div class="unopenVip">
					
					<div class="unopen-top bg-w" style="border-bottom: 10px solid #fff;">
						<!--<a href="vip_ruler.html" class="ruler">?</a>-->
						<div class="photo cover">
							<img src="image/test/pro-3.png" />
						</div>
						<h5 class="name">王多鱼</h5>
						<!--<h1 class="lv">普通会员</h1>-->
						<h6 class="txt">开通会员卡即可立享8折优惠</h6>
						<a href="openVip.html" class="btn">立即开通会员</a>
					</div>
					
					<!--<div class="dm-norlist bg-w bottom-line">
						<ul class="list flex-row arrow" onclick="location.href='mall.html'">
							<li class="name">会员专选</li>
							<li class="cot tr flex-full">查看全部</li>
						</ul>
					</div>-->
					
					<!--图标-->
					<div class="dm-norlist dm-mt bg-w bottom-line">
						<ul class="list flex-row">
							<li class="name flex-row">会员权益<span class="icon crown"></span></li>
							<li class="flex-full"></li>
						</ul>
					</div>
					<div class="iconTeam bg-w dm-mb">
						<dl onclick="showDetail(this)" data-type='0'>
							<dt class="icon-1"><img src="image/icon/vip-icon.png" alt="" /></dt>
							<dd class="name">免费设计</dd>
						</dl>
						<dl onclick="showDetail(this)" data-type='1'>
							<dt class="icon-2"><img src="image/icon/vip-icon.png" alt="" /></dt>
							<dd class="name">微笑服务</dd>
						</dl>
						<dl onclick="showDetail(this)" data-type='2'>
							<dt class="icon-3"><img src="image/icon/vip-icon.png" alt="" /></dt>
							<dd class="name">会员折扣</dd>
						</dl>
						<dl onclick="showDetail(this)" data-type='3'>
							<dt class="icon-4"><img src="image/icon/vip-icon.png" alt="" /></dt>
							<dd class="name">新人礼包</dd>
						</dl>
						<dl onclick="showDetail(this)" data-type='4'>
							<dt class="icon-5"><img src="image/icon/vip-icon.png" alt="" /></dt>
							<dd class="name">上门取件</dd>
						</dl>
						<dl onclick="showDetail(this)" data-type='5'>
							<dt class="icon-6"><img src="image/icon/vip-icon.png" alt="" /></dt>
							<dd class="name">邀请返利</dd>
						</dl>
						<dl onclick="showDetail(this)" data-type='6'>
							<dt class="icon-7"><img src="image/icon/vip-icon.png" alt="" /></dt>
							<dd class="name">每月领券</dd>
						</dl>
						<dl onclick="showDetail(this)" data-type='7'>
							<dt class="icon-8"><img src="image/icon/vip-icon.png" alt="" /></dt>
							<dd class="name">生日礼包</dd>
						</dl>
					</div>
					
					<div class="relur dm-mt bg-w">
						
						<div class="ev-title flex-row">
							<span></span>会员规则<span></span>
						</div>
						
						<div class="cot">
							一、会员等级说明<br />
							1.什么是途牛"会员等级"方案？<br />
							这是途牛为会员打造定制的一套回馈、增值奖励方案，会员级别越高享受的权益越多，更多的权益策略将在不断完善中，敬请期待。<br />
							2.会员级别的升级标准是什么？<br />
							3.会员等级规则<br />
							1）升级成功后，会员级别会永久保留吗？<br />
							会员的有效期是自升级后一年，级别过期后，我们会根据您过去一年的成长值，重新调整您的会员级别。<br />
							2）会员级别的有效期限能延长吗？<br />
							当会员级别到期后，如未能达到升级标准，但凡会员到期前12个月消费金额大于0元，则当前会员级别就可以顺延一年。<br />
							3）我是钻石会员，会员级别到期后没达到延长升级条件，会如何降级？<br />
							会员级别到期后，如果未能达到升级及延长有效期条件，将顺次下调一个会员级别（但最低只降到一星会员），同时按照下调日更新会员级别有效期。<br /><br />
							二、会员特权说明<br />
							1）注册有礼<br />
							权益内容：赠送10牛大头；<br />
							权益对象：所有途牛注册会员。<br />
							2）会员升级<br />
							权益有效时间：在升级后一周内；<br />
							权益内容：您将额外获取100个成长值和100个牛大头，并获得对应等级所享有的权益；<br />
							权益对象：途牛一星及以上会员。<br />
							3）游记达人<br />
							权益有效时间：在途牛上发表的游记被"喜欢"达100万次，从达到日起一周内；<br />
							权益内容：您将获得由途牛旅游网赠送的神秘大礼包；<br />
							权益对象：途牛一星及以上会员。<br />
							4）节日特权<br />
							权益内容：以节日内容为准；<br />
							权益对象：途牛一星及以上会员<br />
							5）VIP专区<br />
							权益内容：您将获得会员中心贵宾特价区的访问权限，享有以贵宾专属低价预订产品的特权；<br />
							权益对象：途牛三星及以上会员。<br />
							6）专属顾问<br />
							权益内容：途牛网为您安排专属旅游顾问，享受"一对一"专属服务；<br />
							权益对象：途牛三星及以上会员。<br />
							7）投诉绿色通道<br />
							权益内容：归来后若有投诉均有资深坐席受理，并优先响应，优先解决；<br />
							权益对象：途牛三星及以上会员。<br />
							8）牛到家<br />
							权益内容：可以享受上门签约服务；<br />
							权益对象：途牛四星及以上会员(仅限部分地区，详细规则以活动页内为准)。<br />
							9）活动尊享<br />
							权益内容：会员可在会员日当天享受会员日频道所有权益（具体权益以实际发布为准）；<br />
							权益对象：途牛一星及以上会员<br />
							10）wifi特权<br />
							权益内容：预定出境游产品赠送送无线wifi；权益对象：途牛五星及以上会员；针对斐济、塞舌尔等特殊地区，无法提供此服务(详细规则以活动页内为准)。<br />
							11）免担保申请<br />
							权益内容：在途牛预订出境旅游时，可以申请本人及同行直系亲属免担保金，经途牛审核，符合出境免担保金条件的，即可享受免交担<br />
							保金的权益；权益对象：途牛五星及以上会员。<br />
						</div>
						
					</div>
					
				</div>
				
				
			</div>
			
		</div>
	</div>
</div>

<script type="text/javascript">

imgRate();
	
pullSwiper('#Main');

function showDetail(obj){
	var type = $(obj).attr('data-type');
	
	if(type == 0){
		//免费设计
		location.href = 'http://m.flyhome.com/mobile/designAdd.html';
	}else if(type == 6){
		//领券
		location.href = 'wealMod.html';
	}else{
		//简介
		var bt = $(obj).find('.name').text();
		openIntro(bt);
	};
};


function openIntro(title='标题',data=null){
	$('body').append(`
		<div id="hideMod">
			<div class="mask"></div>
			<div class="introMod">
				<div class="title">${title}<a class="close">×</a></div>
				<div class="cot">
					${ data == null ? `据华尔街见闻报道，近日，苹果公司的新iPhone自拍相机系统，因利用“高级算法”让照片更美而遭到部分欧美用户的疯狂吐槽。他们认为iPhone XS、Phone XS Max实际产生的自拍效果让他们看上去“太好看”。自动磨皮的“美颜模式”让他们美的失真。他们称其为“美颜门”。
			有用户称这种像用了笔刷滤镜一样的美颜效果让他的照片看上去很傻，整个人的皮肤光滑到不科学。还有用户表示“iPhone XS在前置摄像头使用了磨皮/美颜滤镜，没有告诉用户，也不能禁用，这是不可接受的。”` : data  }
				</div>
			</div>
		</div>
	`);
	
	$('#hideMod .close').click(function(){
		$('#hideMod').fadeOut(function(){
			$('#hideMod').remove();
		});
	});
};
	

</script>

</body>
</html>
